import React from "react"
import styled from "styled-components"
import style from '../../assets/Global-style';

export const BackBoxContainer = styled.div`
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1001;
  background: ${style["default-color"]};
  .icon-back {
    margin-left: 10px;
  }
  .rightImgs {
    margin-right: 20px;
    width: 100px;
    display: flex;
    justify-content: space-between;
  }
`

const BackBox = (childProps) => {
    return (
      <BackBoxContainer>
        <i className="iconfont icon-back" onClick={() => childProps.back()}>&#xe655;</i>
        <div className='rightImgs'>
          <svg t="1641735729414" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2738" width="16" height="16"><path d="M884.165 451.494c-2.494-203.504-168.046-367.753-372.161-367.753s-369.666 164.249-372.165 367.753c-34.163 27.314-56.096 69.25-56.096 116.37 0 82.254 66.697 148.969 148.96 148.969 35.899 0 68.818-12.726 94.534-33.857l-70.18-261.923c-7.949-1.294-16.045-2.155-24.353-2.155-5.474 0-10.855 0.339-16.183 0.926 17.954-147.35 143.268-261.601 295.488-261.601 152.199 0 277.532 114.25 295.481 261.601-5.306-0.583-10.705-0.926-16.18-0.926-8.305 0-16.421 0.863-24.375 2.155l-70.159 261.801c19.847 16.295 43.981 27.559 70.459 31.868-35.138 37.751-79.825 66.511-130.378 82.068l-6.164 6.156c-15.77-28.99-46.122-48.892-81.442-48.892-51.427 0-93.102 41.674-93.102 93.118 0 51.431 41.673 93.104 93.102 93.104 42.211 0 77.419-28.27 88.852-66.758 102.752-25.189 188.829-92.829 238.272-183.482 38.595-26.917 63.899-71.562 63.899-122.175-0.002-47.108-21.955-89.058-56.102-116.371z" p-id="2739" fill="#2c2c2c"></path></svg>
          <svg t="1641736007607" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3845" width="16" height="16"><path d="M992 512a32 32 0 0 0-32 32v416H64V64h412.48a32 32 0 0 0 0-64H64A64 64 0 0 0 0 64v896a64 64 0 0 0 64 64h896a64 64 0 0 0 64-64V544a32 32 0 0 0-32-32z" p-id="3846"></path><path d="M378.56 748.8a32 32 0 0 0 64 0A480 480 0 0 1 912 271.36l-118.4 118.4a32 32 0 1 0 45.12 45.12l173.44-173.44a32 32 0 0 0 0-45.12L839.04 42.88a32 32 0 0 0-45.44 45.44l119.04 119.04A544 544 0 0 0 378.56 748.8z" p-id="3847"></path></svg>
          <svg t="1641736078136" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4964" width="16" height="16"><path d="M238.592 786.432l95.232 0c14.138368 0 25.6-11.461632 25.6-25.6s-11.461632-25.6-25.6-25.6l-95.232 0c-70.5792 0-128-57.4208-128-128L110.592 238.592c0-70.5792 57.4208-128 128-128l546.816 0c70.5792 0 128 57.4208 128 128l0 368.64c0 70.5792-57.4208 128-128 128l-95.232 0c-6.78912 0-13.300736 2.697216-18.102272 7.497728l-178.176 178.176c-9.997312 9.997312-9.997312 26.206208 0 36.20352C498.896896 962.108416 505.448448 964.608 512 964.608s13.103104-2.499584 18.102272-7.497728L700.780544 786.432 785.408 786.432c98.81088 0 179.2-80.38912 179.2-179.2L964.608 238.592c0-98.81088-80.38912-179.2-179.2-179.2L238.592 59.392c-98.81088 0-179.2 80.38912-179.2 179.2l0 368.64C59.392 706.04288 139.78112 786.432 238.592 786.432z" p-id="4965" fill="#2c2c2c"></path><path d="M501.76 661.817344c14.138368 0 25.6-11.461632 25.6-25.6L527.36 520.192l116.736 0c14.138368 0 25.6-11.461632 25.6-25.6s-11.461632-25.6-25.6-25.6L527.36 468.992l0-92.16 116.736 0c14.138368 0 25.6-11.461632 25.6-25.6s-11.461632-25.6-25.6-25.6l-80.53248 0 97.923072-97.923072c9.997312-9.997312 9.997312-26.206208 0-36.20352-9.997312-9.997312-26.207232-9.997312-36.20352 0L491.15648 325.632 359.424 325.632c-14.138368 0-25.6 11.461632-25.6 25.6s11.461632 25.6 25.6 25.6l116.736 0 0 92.16L359.424 468.992c-14.138368 0-25.6 11.461632-25.6 25.6s11.461632 25.6 25.6 25.6l116.736 0 0 116.025344C476.16 650.355712 487.621632 661.817344 501.76 661.817344z" p-id="4966" fill="#2c2c2c"></path><path d="M409.617408 295.292928c4.999168 4.998144 11.55072 7.497728 18.102272 7.497728s13.103104-2.499584 18.102272-7.497728c9.997312-9.997312 9.997312-26.206208 0-36.20352l-67.584-67.584c-9.998336-9.997312-26.206208-9.997312-36.20352 0-9.997312 9.997312-9.997312 26.206208 0 36.20352L409.617408 295.292928z" p-id="4967" fill="#2c2c2c"></path></svg>
        </div>
      </BackBoxContainer>
    )
}

export default BackBox